<template>
    <div>
        <div>
            <el-form :model="detailData" ref="form" label-width="90px" :inline="true">
                <el-row :gutter="24">
                    <el-col :span="7" :offset="0">
                        <el-form-item label="会员卡号：">

                        </el-form-item>
                    </el-col>
                    <el-col :span="7" :offset="0">
                        <el-form-item label="单据日期：">

                        </el-form-item>
                    </el-col>
                    <el-col :span="7" :offset="0">
                        <el-form-item label="单据编号：">

                        </el-form-item>
                    </el-col>
                </el-row>
            </el-form>

        </div>
    </div>
</template>

<script lang='ts' setup>
import { ref, defineProps, defineEmits, onMounted } from 'vue'
import useSys from '@/store/useSys';
import request from '@/api/request';
const props = defineProps(['data'])
const emits = defineEmits(['close'])

const form = ref(null)
const detailData = ref({})

const getDepotHead = () => {
    request.get('report/getDeportHead', {
        params: {
            headNumber: props.data.headNumber
        }
    }).then(resp => {
        console.log(resp.data);

    })
}

onMounted(() => {
    getDepotHead()
})
</script>

<style scoped></style>
